#messagesBlock div.message-row.response div.msg-body:not(.msg-body-media):not(.msg-body-widget):not(.msg-body-emoji){background-color:#cc4826!important;}#messagesBlock div.response .vis-tit{color:#cc4826!important;}.btn-bot,.btn-bot:hover,.btn-bot:focus,.btn-bot:active{}.vis-tit {display: none!important;}.user-nick-title,.op-nick-title{display: none!important;}.op-tit {float:left!important;margin-top: 2px!important;}.vis-tit {float:right;margin-left: 3px!important;margin-top: 3px!important;position: absolute!important;right: 0;}.op-tit {position: absolute!important;}.op-tit i.material-icons,.vis-tit i.material-icons{font-size: 24px!important;}div.message-admin div.msg-date,div.message-admin div.msg-body,div.message-admin div.meta-message{margin-left:29px!important;}@media (min-width: 1024px) {.profile-msg-pic {width: 33px!important;}div.message-admin div.msg-body,div.message-admin div.meta-message{margin-left:42px!important;}}.header-chat {background-color: #!important;}.desktop-header,.desktop-body{border-color:#!important;border-width: 1px!important;}/* --- DER CONTAINER (DIE BOX) --- */
.form-box-wrapper {
    background-color: #FFFFFF !important;     /* Weiße Box */
    border-radius: 18px !important;           /* Schön abgerundet */
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important; /* Weicher Schatten */
    border: 1px solid rgba(0,0,0,0.02) !important; 
    
    /* 25px Oben/Unten | 1rem Links/Rechts */
    padding: 25px 1rem !important; 
    
    box-sizing: border-box !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    position: relative !important; /* Wichtig für darin liegende Elemente */
}


/* --- DEIN BESTEHENDES DESIGN (UNVERÄNDERT) --- */

/* 1. EINGABEFELDER */
input.form-control, 
textarea.form-control, 
select.form-control {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    padding: 16px !important;
    font-size: 16px !important;
    color: #374151 !important;
    box-shadow: none !important;
    margin-bottom: 20px !important;
}

::placeholder {
    color: #9CA3AF !important;
    opacity: 1 !important;
}

input.form-control:focus, 
textarea.form-control:focus {
    background-color: #FFFFFF !important;
    border-color: #3C7E7C !important;
    box-shadow: 0 0 0 4px rgba(60, 126, 124, 0.1) !important;
    outline: none !important;
}

/* 2. LABELS */
label {
    font-size: 11px !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    color: #6B7280 !important;
    margin-bottom: 8px !important;
    display: block !important;
    letter-spacing: 0.5px !important;
}

/* 3. BUTTON */
button.btn, 
input[type="submit"],
#StartChatButton {
    background-color: #cc4826 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 14px 24px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    width: 100% !important;
    cursor: pointer !important;
    margin-top: 10px !important;
    transition: background 0.2s ease, transform 0.1s ease !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
}

button.btn:hover, 
input[type="submit"]:hover,
#StartChatButton:hover {
    background-color: #cc4826 !important;
    transform: translateY(-1px) !important;
}

/* 4. DATENSCHUTZ CHECKBOX (HIER SIND DIE FIXES) */
.form-check {
    display: flex !important;
    gap: 12px !important; /* Etwas mehr Abstand zwischen Box und Text */
    align-items: flex-start !important;
    margin-bottom: 20px !important;
    
    /* FIX: Schiebt alles etwas nach rechts weg vom Rand */
    padding-left: 15px !important; 
    margin-left: 15px !important;
    
    /* FIX: Macht es garantiert klickbar (liegt jetzt oben auf) */
    position: relative !important;
    z-index: 50 !important;
    cursor: pointer !important;
}

.form-check-input {
    margin-top: 3px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important; /* Verhindert das Zerquetschen auf kleinen Handys */
    border-radius: 4px !important;
    border: 1px solid #D1D5DB !important;
    cursor: pointer !important;
}

.form-check-label {
    font-size: 13px !important;
    color: #326b69 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
}

.form-check-label a {
    font-weight: 500 !important;
    text-decoration: underline !important;
    color: #cc4826 !important;
    position: relative !important;
    z-index: 51 !important; /* Damit der Link auch klickbar bleibt */
}

/* --- OPTIMIERUNG DER CHAT-BUTTONS (LINKS & RECHTS) --- */
.user-chatwidget-buttons {
    margin: 0px 30px;
}
.user-chatwidget-buttons:hover {      
    transform: scale(1.15) translate(2px, -2px) !important; /* Leichter "Abhebe-Effekt" */
}

#chat-dropdown-options {
    margin: 0px 30px;
}
#chat-dropdown-options:hover {
    transform: scale(1.15) !important; /* Dezentes Vergrößern beim Drüberfahren */
}